<div class="page-home">
	<!-- <div class="bg-wrap clearfix">
		<img class="bg1" src="catalog/view/theme/bhz/pc/images/bg1.png">
		<img class="bg2" src="catalog/view/theme/bhz/pc/images/bg2.png">
	</div> -->
	<div class="page-home-content">
		<div class="section1 w clearfix">
			<div class="nav">
				<div ng-include="'catalog/view/theme/bhz/pc/modules/includes/category.html'" ng-controller="CategoryCtrl"></div>
			</div>
			<div class="banner">
				<div class="main-slider">
					<div class="swiper-container" id="MainSlider">
		        <ul class="swiper-wrapper">
		          <li class="swiper-slide" ng-repeat="sliderItem in home.banners" on-ng-repeat-end="initSwiper()">
		            <a ng-if="sliderItem.link" href="javascript:void(0);" ng-click="gotoProducts(sliderItem.link);">
		            	<img class="" ng-src="{{sliderItem.image}}">
		            </a>
		            <a ng-if="!sliderItem.link && sliderItem.title == 'ai'"  href="javascript:void(0);" ng-click="jump('/pages/activity');">
		            	<img class="" ng-src="{{sliderItem.image}}">
		            </a>
					<a ng-if="!sliderItem.link && sliderItem.title != 'ai'"  href="javascript:void(0);">
		            	<img class="" ng-src="{{sliderItem.image}}">
		            </a>
		           </li>
		        </ul>
		        <div class="swiper-pagination" id="MainSwiperPagination"></div>
		      </div>
				</div>
			</div>
			<!-- <div class="right-info">
				<div class="news">
					<div class="title">快讯</div>
					<ul class="news-list">
						<li class="news-item"><a href="javascript:void(0);">【公告】 百货栈大酬宾活动正式启动</a></li>
						<li class="news-item"><a href="javascript:void(0);">【公告】 百货栈大酬宾活动正式启动</a></li>
						<li class="news-item"><a href="javascript:void(0);">【公告】 百货栈大酬宾活动正式启动</a></li>
						<li class="news-item"><a href="javascript:void(0);">【公告】 百货栈大酬宾活动正式启动</a></li>
						<li class="news-item"><a href="javascript:void(0);">【公告】 百货栈大酬宾活动正式启动</a></li>
						<li class="news-item"><a href="javascript:void(0);">【公告】 百货栈大酬宾活动正式启动</a></li>
						<li class="news-item"><a href="javascript:void(0);">【公告】 百货栈大酬宾活动正式启动</a></li>
						<li class="news-item"><a href="javascript:void(0);">【公告】 百货栈大酬宾活动正式启动</a></li>
						<li class="news-item"><a href="javascript:void(0);">【公告】 百货栈大酬宾活动正式启动</a></li>
					</ul>
				</div>
				<div class="vip-service">
					<div class="title">会员专享</div>
					<div class="service clearfix">
						<div class="service-item">
							<img src="catalog/view/theme/bhz/pc/images/service1.png">
							<span>免费拿样</span>
						</div>
						<div class="service-item">
							<img src="catalog/view/theme/bhz/pc/images/service2.png">
							<span>积分商城</span>
						</div>
						<div class="service-item">
							<img src="catalog/view/theme/bhz/pc/images/service3.png">
							<span>礼品卡</span>
						</div>
					</div>
				</div>
			</div> -->
		</div>
		<div class="section2 w clearfix" ng-if="home.boom && home.boom.length>0">
			<div class="title">
                <a href="javascript:void(0);" ng-click="initCartByHistoryAtHomePage();">
				<img src="catalog/view/theme/bhz/pc/images/baihuo.jpg?v=1">
                </a>
			</div>
			<ul class="boom-list clearfix">
				<li class="boom-item" ng-repeat="(key,boom) in home.boom" ng-if="key<2">
					<a href="javascript:void(0);" class="boom-item-link" ng-click="gotoProducts(boom.id);">
						<img ng-src="{{boom.image}}">
					</a>
				</li>
				<li class="boom-item">
					<a href="javascript:void(0);" class="boom-item-link" ng-click="jump('/pages/activity');">
						<img ng-src="http://m.bhz360.com/image/cache/catalog/PC轮播图/微信图片_20170821132141-475x304.jpg">
					</a>
				</li>
				<li class="boom-item">
					<a href="javascript:void(0);" class="boom-item-link" >
						<img ng-src="http://m.bhz360.com/image/catalog/20170821132126.jpg" ng-click="gotoProducts(179)">
					</a>
				</li>
			</ul>
		</div>
		<!-- <div class="section3 w clearfix" ng-if="home.category && home.category.length>0">
			<ul class="category-list">
				<li class="category-item category-place{{key}}" ng-repeat="(key,category) in home.category">
					<a href="javascript:void(0);" class="category-item-link">
						<img ng-src="{{category.image}}">
					</a>
				</li>
			</ul>
		</div> -->
		<div class="section4 w clearfix" ng-if="home.banners_center">
			<div class="swiper-container" id="AdSlider">
        <ul class="swiper-wrapper">
          <li class="swiper-slide" ng-repeat="sliderItem in home.banners_center" on-ng-repeat-end="initSwiper()">
            <a  ng-if="sliderItem.link" href="javascript:void(0);" ng-click="gotoProducts(sliderItem.link);">
            	<img class="" ng-src="{{sliderItem.image}}">
            </a>
            <a  ng-if="!sliderItem.link" href="javascript:void(0);" ng-click="jump('/pages/caipiao')">
            	<img class="" ng-src="{{sliderItem.image}}">
            </a>
           </li>
        </ul>
      </div>
		</div>
		<!--<div class="section5 w clearfix" ng-if="home.vendors">
			<ul class="vendor-list clearfix">
				<li class="vendor-item clearfix" ng-class="{'right':(key+1)%2==0}" ng-repeat="(key,vendor) in home.vendors">
					<div class="vendor-info">
						<a href="javascript:void(0);" ng-click="jump('vendor/'+vendor.vendor_id)">
							<img ng-src="{{vendor.vendor_image}}">
						</a>
					</div>
					<div class="vendor-products clearfix">
						<a style="margin: 0;width: 31.33% !important;margin-left: 2%;" href="javascript:void(0);" ng-click="jump('/product/'+product.product_id ,false, true)" class="pc_home_hover vendor-product" ng-repeat="product in vendor.products">
							<img ng-src="{{product.image}}">
							<div class="top-left-icon" ng-show="product.upc==1">
		            <img ng-src="catalog/view/theme/bhz/pc/images/628logo.png">
		          </div>
		          <div class="top-left-icon" ng-show="product.upc==2">
		            <img ng-src="catalog/view/theme/bhz/pc/images/miaoshaicon.png">
		          </div>
		          <div class="bottom-left-icon" ng-show="product.upc==1">
		            <div class="count-number">{{product.jan}}</div>
		          </div>

						</a>
					</div>
				</li>
			</ul>
		</div>-->
		<div class="section6 w clearfix">
			<div class="products-list-wrap">
				<div class="products-list" ng-repeat="products in sortList">
					<div class="category-info clearfix">
						<div class="category-name"><a href="javascript:void(0);" ng-click="gotoProducts(products.category_id)">{{products.name}}</a></div>
						<ul class="category-list">
							<li class="category-item" ng-repeat="categoryItem in products.categories">
								<a href="javascript:void(0);" class="category-item-link" ng-click="gotoProducts(categoryItem.category_id)">{{categoryItem.name}}</a>
							</li>
						</ul>
					</div>
					<div class="products-info clearfix">
						<a href="javascript:void(0);" ng-click="jump('/product/'+productItem.product_id, false, true)"  class="pc_home_hover product-item place{{key}}" ng-repeat="(key,productItem) in products.products" ng-if="key<10">
							<img ng-src="{{productItem.image}}" class="product-item-img">
							<div class="top-left-icon" ng-show="productItem.upc==1">
		            <img ng-src="catalog/view/theme/bhz/pc/images/628logo.png">
		          </div>
		          <div class="top-left-icon" ng-show="productItem.upc==2">
		            <img ng-src="catalog/view/theme/bhz/pc/images/miaoshaicon.png">
		          </div>
		          <div class="bottom-left-icon" ng-show="productItem.upc==1">
		            <div class="count-number">{{productItem.jan}}</div>
		          </div>

							<div class="name">{{productItem.name}}</div>
							<div class="price-wrap">
								<span class="price">{{productItem.special_formated}}</span>
								<span class="price-old">{{productItem.price_formated}}</span>
							</div>
						</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	
</div>